<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>订单详情</title>
		<link rel="stylesheet" type="text/css" href="../../css/yihu/details.css" />
		<script src="../../js/vconsole.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../../css/layer.css"/>
		<script src="../../js/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var vConsole = new VConsole();
		</script>
	</head>

	<body>
		<script type="text/javascript">
			function secondClick(ipon) {
				console.log("iOS拨打电话" + ipon)
				window.webkit.messageHandlers.removeNavigationBar.postMessage(ipon);
			}
		</script>
		<header class="positionR colorF height7">
			<img src="../../img/yihu/fanhui.png" onclick="window.history.go(-1)" />
			<div class="height30"></div>
			<div class="textC font1-4">订单详情</div>
		</header>
		<div id="main" class="overflowA none">
			<div class="top backgroundF PT20">
				<p class="PL20 font1-2 PB10"><img class="verticlM" :src="info.medicalIcon" onerror="this.src='../../img/yihu/06.png'" style="height: 2rem;" />&nbsp;&nbsp;&nbsp;{{info.medicalName}} </p>
				<p class="font1-2 colorC LH1-5 PL20 PB5" style="text-indent: 3rem;">工单编号：{{info.medicalId}}</p>
				<p class="font1-2 colorC LH1-5 PL20 PB10" style="text-indent: 3rem;">订单状态&nbsp;&nbsp;<span class="colorff78">{{info.status_style == 1? "待服务":"已完成"}}</span></p>
			</div>
			<div class="backgroundF PT20 MT10 width100 overflowH">
				<div class="fl width20 textC">
					<img class="headimg radius50" :src="ip+info.peopleIcon" onerror="this.src='../../img/yiyao/WomanElderly.png'" v-if="info.nurseGender == '女'" />
					<img class="headimg radius50" :src="ip+info.peopleIcon" onerror="this.src='../../img/yiyao/ManElderly.png'" v-else>
				</div>
				<div class="fl width80">
					<p class="font1-4 LH2"><span class="colorff78">{{info.peopleName}}</span>&nbsp;&nbsp;{{info.nurseGender}}</p>
					<p class="font1-2 colorC LH1-5 PB5">联系方式：{{info.elderPhone}}</p>
					<p class="font1-2 colorC LH1-5 PB10">服务机构：{{info.hospitalName}}</p>
					<p class="font1-2 colorC LH1-5 PB10">服务地址：{{info.address}}</p>
					<div class="LH3 font1-2 textC">
						<div class="luxian fl width40">
							<!--<a href="http://uri.amap.com/marker?position=121.4024662971,31.1681046545&name=万达信息&src=mypage&coordinate=gaode&callnative=0"><img class="height1-2R verticlM" src="../../img/yihu/21.png"/>&nbsp;&nbsp;查看路线</a>-->
							<a :href="'gaode.html?jwd='+info.jwd+'&name='+info.address" @click="loadingfu"><img class="height1-2R verticlM" src="../../img/yihu/21.png" />&nbsp;&nbsp;查看地图</a>
							<!--<a :href="'http://uri.amap.com/marker?position='+info.longitude+','+info.latitude+'&name='+info.address+'&src=mypage&coordinate=gaode&callnative=0'" onclick="showLoading()" v-else><img class="height1-2R verticlM" src="../../img/yihu/21.png"/>&nbsp;&nbsp;查看路线</a>-->
						</div>
						<div class="lianxi fl width40">
							<a @click="telipon(info.peoplePhone)" v-if="ios"><img class="height1-2R verticlM" src="../../img/yihu/22.png" />&nbsp;&nbsp;联系TA</a>
							<a :href="'tel:'+info.peoplePhone" v-else><img class="height1-2R verticlM" src="../../img/yihu/22.png" />&nbsp;&nbsp;联系TA</a>
						</div>
					</div>
				</div>
			</div>
			<div class="pictures MT5">
				<div class="taking LH2 font1-2 PL20"><img class="height1-2R verticlM" src="../../img/yihu/43.png" />&nbsp;&nbsp;拍照上传</div>
				<div class="backgroundF PL20 PT10 PB10 positionR">
					<img class="height4R PR20" v-if="info.status_style == 1" src="../../img/yihu/44.png" />
					<img class="height4R" :src="ip+checkInPhoto" v-if="checkInPhoto" />
					<img class="height4R" :src="ip+checkOutPhoto" v-if="checkOutPhoto" />
					<img id="imgdome" class="height4R" src="../../img/yihu/45.png" v-else/>
					<input id="file" type="file" accept="image/*" capture="camera" onchange="verify(this.value)" v-if="info.status_style == 1" />
				</div>
			</div>
			<!--<div class="pictures MT5">
				<div class="taking LH2 font1-2 PL20"><img class="height1-2R verticlM" src="../../img/yihu/43.png"/>&nbsp;&nbsp;录音上传</div>
				<div class="recording backgroundF PL20 PT10 PB10 font1-2">
					<img class="height4R PR20 verticlM" v-if="info.status_style == 1" src="../../img/yihu/46.png"/><img class="height2-4R verticlM PR10" src="../../img/yihu/47.png"/><img class="height1R verticlM PR10" src="../../img/yihu/48.png"/>12" X
				</div>
			</div>-->
			<div class="backgroundF MT10 font1-2 colorC LH2 PT10 PB10 PL20" v-if="info.orderstyle">
				<p>签到时间：</p>
				<p>签退时间：</p>
			</div>
			<div class="backgroundF MT10 font1-2 colorC LH2 PT10 PB10 PL20" v-if="signin">
				<p>签到时间：{{qiandaoTime}}</p>
				<p>签退时间：{{checkoutime}}</p>
				<p>签到地点：{{qiandaoadress}}</p>
			</div>
			<div class="fromstyle width100 backgroundF MT5">
				<p class="font1-4 PT10 PL10" onclick="window.location.href='fill_form.html'">上门医护注意事项 <span class="tianxie fr MR20 font1-2 LH2 radius10P colorF">&nbsp;&nbsp;查看&nbsp;&nbsp;</span></p>
				<div style="display: flex;flex-direction: column;" align="center" class="width100">
					<ul class="top width80 overflowH Mauto PT10">
						<li class="fl">
							<img class="height2R" src="../../img/yihu/33.png" />
						</li>

						<li class="fl LH2">
							<img class="width100" src="../../img/yihu/31.png" />
						</li>

						<!--<li class="fl LH3" v-if="formstyle <2">
							<img class="height1-4R" src="../../img/yihu/32.png" />
						</li>-->
						<li class="fl">
							<img class="height2R" src="../../img/yihu/34.png" />
						</li>

						<li class="fl LH2">
							<img class="width100" src="../../img/yihu/31.png" />
						</li>

						<!--<li class="fl LH3" v-if="formstyle <3">
							<img class="height1-4R" src="../../img/yihu/32.png" />
						</li>-->
						<li class="fl">
							<img class="height2R" src="../../img/yihu/35.png" />
						</li>

						<li class="fl LH2">
							<img class="width100" src="../../img/yihu/31.png" />
						</li>

						<!--<li class="fl LH3" v-if="formstyle <4">
							<img class="height1-4R" src="../../img/yihu/32.png" />
						</li>-->
						<li class="fl">
							<img class="height2R" src="../../img/yihu/36.png" />
						</li>

						<li class="fl LH2">
							<img class="width100" src="../../img/yihu/31.png" />
						</li>

						<!--<li class="fl LH3" v-if="formstyle <5">
							<img class="height1-4R" src="../../img/yihu/32.png" />
						</li>-->
						<li class="fl">
							<img class="height2R" src="../../img/yihu/37.png" />
						</li>
					</ul>
					<ul class="overflowH width90 textC Mauto font1 PB10">
						<li class="width20 fl">上门前准备</li>
						<li class="width20 fl">评估</li>
						<li class="width20 fl">操作前准备</li>
						<li class="width20 fl">操作过程</li>
						<li class="width20 fl">操作后</li>
					</ul>

				</div>

			</div>
			<div class="foot width100 colorF textC font1-2 LH3" style="background: #6eb3ff;" v-if="info.status_style == 2" @click="tcshow=true">
				<!--去评价-->
			</div>
			<div class="foot width100 colorF textC font1-2 LH3" v-else>
				<div class="qiantui" onclick="window.location.href='sign_out.html'" v-if="signin">
					服务签退
				</div>
				<div class="qiandao" v-else @click="qiandao">
					服务签到
				</div>
			</div>
			<!--弹窗-->
			<div class="tanchang width100 height100" v-if="tcshow">
				<div class="center4 width90 radius10P positionR">
					<img class="headimg radius50" src="../../img/yihu/head-img.jpg" />
					<img class="headimgbg" src="../../img/yihu/23.png" />
					<div class="top width95 Mauto"></div>
					<div class="jianjie font1-2 PL20 LH1-5">
						<p class="font1-4 PB10">服务详情</p>
						<p class="color6">服务对象:{{info.peopleName}}</p>
						<p class="color6">服务地点：{{info.address}}</p>
						<p class="color6">签到时间：{{qiandaoTime}}</p>
						<p class="color6 PB5">签出时间：{{checkoutime}}</p>
						<p class="font1-4">老人状态综合评价：</p>
						<ul class="overflowH PT10">
							<li v-for="n in 5" class="fl PL20" @click="level=n">
								<img src="../../img/yihu/24.png" v-if="level >= n" />
								<img src="../../img/yihu/25.png" v-else/>
							</li>
						</ul>
						<p class="font1-4 PB20">评价内容</p>

					</div>
					<div class="neirong width80 font1-2 Mauto radius5P">
						<textarea class="width100 height100" name="" rows="" cols=""></textarea>
					</div>
					<div class="but width80 colorF radius10P LH3 textC Mauto font1-4" @click="tcshow=false">确定</div>
				</div>
			</div>
		</div>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquary.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/lrz.all.bundle.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/yihu/details.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>